<!-- 
BFC: Block Formatting context, 块级格式化上下文;

如何创建一个BFC:
    1. float的值不是none;
    2. position不为static或者relative;
    3. overflow不为visible;
    4. display: flex,inline-flex,inline-block,table-cell,table-caption;

BFC可以解决margin的垂直塌陷和嵌套塌陷问题;

容纳浮动元素的方法:
    1. 为容器也设置浮动;
    2. 利用clear清除浮动;
    3. 为外层元素创建一个新的BFC;

利用BFC阻止文本环绕:    
    文本会自动环绕设置了浮动的元素,解决方法: 为文字创立一个BFC;
 -->